<template>
	<view class="content">
		<view>
			<image class="denglu_image"></image>
		</view>
		<view style="position:absolute;top:30px;right:20px;" @click="pageTos('/pages/tabbar/tabbar-4/tabbar-4')">
			<image src="../../static/img/denglu/denglu_guanbi.png" class="X_image"></image>
		</view>
		<view class="line-div">
			<button @click="pageTo('/pages/denglu/phoneLogin/phoneLogin')">手机号登录</button>
			<button @click="pageTo('/pages/zhuce/zhuce')">注册</button>
		</view>
		<view>
			<image src="../../static/img/denglu/denglu_gangyi.png" class="yi_image"></image>
			<h6>其他登录方式</h6>
			<view style="margin-left: 40px;">
				<image src="../../static/img/denglu/weixin---.png" class="qita"></image>
				<image src="../../static/img/denglu/QQ.png" class="qita"></image>
				<image src="../../static/img/denglu/weibo.png" class="qita"></image>
				<image src="../../static/img/denglu/wangyi.png" class="qita"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			pageTo(url) {
				uni.navigateTo({
					url
				})
			},
			pageTos(url){
				uni.switchTab({
				    url
				});
				
			}
		}
	}
</script>

<style>
.content {
		width: 100%;
		height: 100%
	}

	.denglu_image {
		background: url('https://ss1.baidu.com/6ON1bjeh1BF3odCf/it/u=3126530036,1195380637&fm=15&gp=0.jpg') no-repeat;
		background-size: 100%;
		width: 100%;
		height: 690px
	}

	.X_image {
		width: 30px;
		height: 30px;
	}

	.yi_image {
		margin-top: 2%;
		width: 400px;
		height: 20px;
	}

	.qita {
		width: 40px;
		height: 40px;
		margin: 20px;
	}

	.line-div {
		width: 12rem;
		height: 4rem;
		/* 	border-bottom: 0.15rem solid #dcdcdc; */
		position: absolute;
		text-align: center;
		margin-left: 20%;
		margin-top: -18rem;
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		/* filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.145); */
	}

	h6 {
		position: absolute;
		margin-top: -23px;
		margin-left: 160px;
		width: 80px;
		text-align: center;
		background-color: #FFFFFF;
	}

	button {
		margin: 20px;
		border-radius: 30px;
		width: 260px;
		margin-left: 60px;
		padding-left: 30px;
		background-color: white;
		box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
</style>
